#bcid-wrap {
  position: fixed;
  background: #000;
  display: none;
  text-align: center;
  z-index: 100;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#bcid-wrap #bcid {
  width: 100%;
  height: 80%;
}
.top-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px;
}
.top-container .searchBox {
  flex: 9;
}
.top-container .searchBox .mui-input-clear {
  border-radius: 20px;
  background: #f5f5f5;
  margin-bottom: 0;
}
.top-container .mui-active:before {
  margin-top: -10px;
}
.top-container .mui-icon-camera {
  flex: 1;
  text-align: right;
  font-size: 30px;
}
.banner-swiper .swiper-wrapper {
  width: 100%;
}
.banner-swiper .swiper-wrapper .swiper-slide {
  width: 100%;
}
.banner-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}
.news-container {
  display: flex;
  align-items: center;
  border-bottom: 10px solid #F4F4F4;
}
.news-container .news-title {
  width: 1rem;
  height: 1rem;
  margin-left: .2rem;
  background: url(../images/toutiao.png) 50% no-repeat;
  background-size: 70%;
}
.news-container .news-warp {
  height: 1rem;
  width: 4rem;
  display: flex;
  align-items: center;
}
.news-container .news-warp .news-swiper {
  height: .8rem;
  width: 100%;
}
.news-container .news-warp .news-swiper .swiper-slide {
  font-size: .22rem;
}
.news-container .news-warp .news-swiper .swiper-slide div {
  height: .4rem;
  line-height: .4rem;
}
.news-container .news-warp .news-swiper .swiper-slide div span {
  border: 1.104px solid #e60a1f;
  font-size: .18rem;
  border-radius: .06rem;
  color: #e60a1f;
  padding: 0 .1rem;
  margin-right: .1rem;
}
.news-container .news-warp .news-swiper .swiper-slide div p {
  font-size: .2rem;
  display: inline-block;
  vertical-align: top;
  width: 3rem;
}
.news-container .news-images {
  width: 1.2rem;
  height: 1rem;
  position: relative;
}
.news-container .news-images b {
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../images/news-right-bg.png) 50% no-repeat;
  background-size: 1.2rem 1rem;
  z-index: 2;
}
.news-container .news-images img {
  width: 100%;
  height: 100%;
}
.swiper-pagination-bullet-active {
  background: #f5f5f5;
}
.nav-container {
  position: relative;
  overflow: hidden;
  top: -0.16rem;
  z-index: 99;
  border-radius: 10px;
  box-shadow: 0 3px 6px #EBEBEA;
  background: url(../images/arcBg.png) center top no-repeat;
  background-size: 100%;
}
.nav-container ul {
  display: flex;
  margin-top: .16rem;
}
.nav-container ul li {
  flex: 1;
  display: flex;
}
.nav-container ul li a {
  flex: 1;
  height: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.nav-container ul li a .nav-icon {
  display: block;
  width: .6rem;
  height: .6rem;
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: 50% -50%;
}
.nav-container ul li a .icon-lingshi {
  background-image: url(../images/lingshi.png);
}
.nav-container ul li a .icon-yinliao {
  background-image: url(../images/yinliao.png);
}
.nav-container ul li a .icon-shuiguo {
  background-image: url(../images/shuiguo.png);
}
.nav-container ul li a .icon-jinkou {
  background-image: url(../images/jinkou.png);
}
.nav-container ul li a .icon-xuegao {
  background-image: url(../images/xuegao.png);
}
.nav-container ul li a span {
  display: block;
  width: 100%;
  height: .3rem;
  line-height: .3rem;
  text-align: center;
  font-size: .22rem;
  color: #333;
  margin-top: -0.1rem;
}
.content-container .featured-wrap {
  display: flex;
  border-bottom: 1px solid #f5f3e6;
}
.content-container .featured-wrap > div {
  height: 3rem;
}
.content-container .featured-wrap > div.left-wrap {
  border-right: 1px solid #f5f3e6;
  position: relative;
  flex: 1;
}
.content-container .featured-wrap > div.left-wrap a {
  display: flex;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
.content-container .featured-wrap > div.left-wrap a img {
  width: 2.2rem;
  height: 2.2rem;
}
.content-container .featured-wrap > div.left-wrap:before {
  content: 'TOP1';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  z-index: 2;
  width: .6rem;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
  color: #fff;
  font-size: .16rem;
  border-radius: 0 0 .08rem .08rem;
  font-style: normal;
  background: -webkit-linear-gradient(90deg, #ff8801, #ff183d);
  background: -o-linear-gradient(90deg, #ff8801, #ff183d);
  background: -moz-linear-gradient(90deg, #ff8801, #ff183d);
  background: linear-gradient(90deg, #ff8801, #ff183d);
}
.content-container .featured-wrap > div.right-wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.content-container .featured-wrap > div.right-wrap div {
  flex: 1;
  position: relative;
}
.content-container .featured-wrap > div.right-wrap div:before {
  content: 'TOP2';
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  background: red;
  z-index: 2;
  width: .6rem;
  height: .26rem;
  line-height: .26rem;
  text-align: center;
  color: #fff;
  font-size: .16rem;
  border-radius: 0 0 .08rem .08rem;
  font-style: normal;
  background: -webkit-linear-gradient(90deg, #ff8801, #ff183d);
  background: -o-linear-gradient(90deg, #ff8801, #ff183d);
  background: -moz-linear-gradient(90deg, #ff8801, #ff183d);
  background: linear-gradient(90deg, #ff8801, #ff183d);
}
.content-container .featured-wrap > div.right-wrap div + div {
  border-top: 1px solid #f5f3e6;
}
.content-container .featured-wrap > div.right-wrap div + div:before {
  content: 'TOP3';
}
.content-container .featured-wrap > div.right-wrap a {
  display: flex;
  height: 100%;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  padding: 0 .4rem;
}
.content-container .featured-wrap > div.right-wrap a img {
  width: 1rem;
  height: 1rem;
}
